Por Kevin Werbach
<barebones@werbach.com>
Versão HTML 1.22 -- Agosto 18, 1995
Depois de ter procurado em diversos lugares por uma descrição rápida e enxuta de todas as etiquetas HTML, eu decidi atualizar a minha própria lista que eu tinha criado para servir a este propósito. A última versão(em inglês) deste documento pode ser encontrada em http://werbach.com/barebones/.
Este Guia é designado para ser o mais conciso possível e não entra em
detalhes de como usar as várias etiquetas. Existem diversos guias passo-a-passo para
HTML na Web. Eu possuo ligações para muitos deles em http://werbach.com/web/wwwhelp.html#guides.
Importante: Caso voce não saiba ao certo as diferenças sobre HTML 2.0, HTML 3.0 e etiquetas da Netscape, eu recomendo que você leia os meus comentários(em inglês) sobre o desenvolvimento da HTML.
========================================================================
========================================================================
GERAL (Todos os documentos HTML deveriam possuir)
------------------------------------------------------------------------
Prólogo <!DOCTYPE
HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
3.0 Prólogo <!DOCTYPE
HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN">
Tipo do Documento<HTML></HTML> (início e final do arquivo)
Título <TITLE></TITLE> (nome do documento, deve estar
dentro do cabeçalho)
Cabeçalho <HEAD></HEAD> (informação
descritiva, como o título)
Corpo <BODY></BODY> (corpo da página)
Formatação Primária (o autor especifica a aparência do texto)
------------------------------------------------------------------------
Negrito <B></B>
Itálico <I></I>
3.0 Sublinhada <U></U> (disponível em alguns
visualizadoes)
3.0 Riscada <S></S> (disponível em alguns
visualizadoes)
Monoespaçada <TT></TT> (mostra o texto em fonte
monoespaçada)
N1.0 Piscando <BLINK></BLINK> (a etiqueta mais ridicularizada)
Formatação Secundária (controlado pela definição do
estilo do visualizador)
------------------------------------------------------------------------
Cabeçalhos <H?></H?> (a spec. define 6
níveis)
Enfatizada <EM></EM> (usualmente mostrada em
itálico)
Enfâse forte <STRONG></STRONG> (usualmente mostrada em
negrito)
Preformatado <PRE></PRE> (mostra o texto como ele é)
Largura <PRE WIDTH=?></PRE> (em caracteres)
Pre/Sem Etiquetas<XMP></XMP>
(não é bem visto pelo seu uso)
Citação <CITE></CITE> (usualmente em
itálico)
Código <CODE></CODE> (para listagens de
código fonte)
Amostra <SAMP></SAMP>
Entrada Teclado <KBD></KBD>
Variável <VAR></VAR>
Definição <DFN></DFN> (não
disponível em todos os visualizadores)
N1.0 Tamanho da Fonte <FONT SIZE=?></FONT> (varia entre 1-7)
N1.0 Muda o Tam. Fonte<FONT SIZE=+|-?></FONT>
N1.0 Tam. Fon. Inicial<BASEFONT SIZE=?> (entre 1-7; inicial é 3)
ALINHAMENTO
------------------------------------------------------------------------
Texto <BLOCKQUOTE></BLOCKQUOTE>
(Texto de outra pessoa, usualmente identado)
3.0 Alinham. Texto <P
ALIGN=LEFT|CENTER|RIGHT></P>
3.0 Alin. Cabeçalho<H?
ALIGN=LEFT|CENTER|RIGHT></H?>
N1.0 Centralizado <CENTER></CENTER> (para textos e imagens)
LIGAÇÕES E GRÁFICOS
------------------------------------------------------------------------
Ligação com Algo <A HREF="URL"></A>
Ligação com Âncora<A HREF="URL#***"></A>
(Se estiver em outro documento)
<A HREF="#***"></A> (Se estiver no mesmo
documento)
Define Âncora <A NAME="***"></A>
Mostra Imagem <IMG SRC="URL">
Alinhamento <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>
N1.0 Alinhamento <IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|
BASELINE|ABSBOTTOM>
Alternativa <IMG SRC="URL" ALT="***"> (Se a imagem
não for mostrada)
Mapa de Imagem <IMG SRC="URL" ISMAP> (necessita de um script)
3.0 Dimensões <IMG SRC="URL" WIDTH="?"
HEIGHT="?"> (em pontos)
N1.0 Borda <IMG SRC="URL" BORDER=?> (em pontos)
N1.0 Runaround Space <IMG SRC="URL" HSPACE=? VSPACE=?> (em
pontos)
N1.0 Low-Res Proxy <IMG SRC="URL" LOWSRC="URL">
SEPARADORES
------------------------------------------------------------------------
Parágrafo <P>
(um retorno duplo)
3.0 Parágrafo <P></P> (redefinido
com um container)
Quebra de linha <BR> (um simples carriage return)
N1.0 Alinh. Forçado <BR CLEAR=LEFT|RIGHT|ALL>
Linha Horizontal <HR>
N1.0 Alinhamento <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 Espessura <HR SIZE=?> (em pontos)
N1.0 Largura <HR WIDTH=?> (em pontos)
N1.0 Largura <HR WIDTH=%> (em porcentagem da largura da
página)
N1.0 Linha Sólida <HR NOSHADE> (sem o visual 3D)
N1.0 Sem quebra <NOBR> (previne quebra de linha)
N1.0 Quebra de Palavra<WBR> (local onde deve se quebrar a linha se
necessário)
LISTAS (listas podem ser alinhadas)
------------------------------------------------------------------------
- Lista Não Numerada<UL><LI></UL> (<LI> antes de
cada item da lista)
N1.0 Tipo de Indicador <UL TYPE=DISC|CIRCLE|SQUARE> (para a lista inteira)
<LI TYPE=DISC|CIRCLE|SQUARE> (após &
subsequente)
Lista Numerada <OL><LI></OL> (<LI> antes de cada item
da lista)
N1.0 Tipo de Contorno <OL TYPE=A|a|I|i|1> (para a lista inteira)
<LI TYPE=A|a|I|i|1> (apó & subsequente)
N1.0 Número Inicial <OL VALUE=?> (para a lista inteira)
<LI VALUE=?> (após & subsequente)
Lista de Definição<DL><DT><DD></DL>
(<DT>=term, <DD>=definition)
Lista de Menus <MENU><LI></MENU> (<LI> antes de cada item
da lista)
Lista de Diretório<DIR><LI></DIR> (<LI> antes de
cada item da lista)
FUNDOS DE TELA E CORES
------------------------------------------------------------------------
N1.1 Cor de fundo <BODY BGCOLOR="#$$$"> (ordem é
vermelho/verde/azul)
3.0 Imagem de fundo <BODY BACKGROUND="URL">
N1.1 Cor do Texto <BODY TEXT="#$$$">
N1.1 Cor da Ligação <BODY LINK="#$$$">
N1.1 Ligação Visitada<BODY VLINK="#$$$">
N1.1 Ligação Ativa <BODY ALINK="#$$$">
(Mais informaçõs em http://werbach.com/web/wwwhelp.html#color)
CARACTERES ESPECIAS (Todos devem esta em minúsculas)
------------------------------------------------------------------------
Caracter Especial &#?; (onde o ? é o código ISO 8859-1 )
< <
> >
& &
" "
Marca Registrada ®
N1.0 Marca Registrada ®
Direitos Autorais ©
N1.0 Direitos Autorais ©
(Lista completa em http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
FORMULÁRIOS (geralmente necessitam de um script no seu servidor)
------------------------------------------------------------------------
Define Formulário<FORM ACTION="URL"
METHOD=GET|POST></FORM>
Tipo de Campo <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
IMAGE|HIDDEN|SUBMIT|RESET">
Nome do Campo <INPUT NAME="***">
Valor do Campo <INPUT VALUE="***">
Checado? <INPUT CHECKED> (caixas de verificação e
caixas do tipo rádio)
Tamanho do Campo <INPUT SIZE=?> (em caracteres)
Comprimento Máx. <INPUT MAXLENGTH=?> (em caracteres)
Lista de Seleção <SELECT></SELECT>
Nome da Lista <SELECT NAME="***"></SELECT>
# de Opções <SELECT SIZE=?></SELECT>
Multipla Escolha <SELECT MULTIPLE> (pode-se escolher mais de um item)
Opções <OPTION> (itens que podem ser
escolhidos)
Opção Default <OPTION SELECTED>
Tam. Caixa Entr. <TEXTAREA ROWS=? COLS=?></TEXTAREA>
Nome da Caixa <TEXTAREA NAME="***"></TEXTAREA>
TABELAS
------------------------------------------------------------------------
3.0 Define Tabela <TABLE></TABLE>
3.0 Borda da Tabela <TABLE BORDER></TABLE> (entre sim e não)
N1.1 Borda da Tabela <TABLE BORDER=?></TABLE> (vocêpode selecionar
o valor)
N1.1 Tamanho da Célula<TABLE CELLSPACING=?>
N1.1 Tamanho Borda <TABLE CELLPADDING=?> (Tamanho da borda da
célula)
N1.1 Largura <TABLE WIDTH=?> (em pontos)
N1.1 Largura <TABLE WIDTH=%> (em porcentagem da tabela)
3.0 Linhas da Tabela <TR></TR>
3.0 Alinhamento <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 <TD></TD> (deve aperecer junto com as linhas da tabela)
3.0 Alinhamento <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 Sem Quebra Linha <TD NOWRAP>
3.0 Ocupar ? Colunas <TD COLSPAN=?>
3.0 Ocupar ? Linhas <TD ROWSPAN=?>
N1.1 Largura <TD WIDTH=?> (em pontos)
N1.1 Largura <TD WIDTH=%> (em porcentagem da tabela)
3.0 Cabeçalho <TH></TH> (da tabela, o mesmo que dados,
exceto centralizado e em negrito)
3.0 Alinhamento <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 Sem Quebra Linha <TH NOWRAP>
3.0 Ocupar ? Colunas <TH COLSPAN=?>
3.0 Ocupar ? linhas <TH ROWSPAN=?>
N1.1 Largura <TH WIDTH=?> (em pontos)
N1.1 Largura <TH WIDTH=%> (em porcentagem da tabela)
3.0 Título da Tabela<CAPTION></CAPTION>
3.0 Alinhamento <CAPTION ALIGN=TOP|BOTTOM> (a cima ou embaixo da tabela)
DIVERSOS
------------------------------------------------------------------------
Comentário <!-- *** --> (não é mostrado pelo
visualizador)
Endereço do Autor<ADDRESS></ADDRESS>
Pesquisável <ISINDEX> (indica um índice para
procura)
N1.0 Prompt <ISINDEX PROMPT="***"> (texto para colocar
na entrada de dados)
Envia Procura <A HREF="URL?***"></a> (usa uma marca real)
URL deste Arquivo<BASE HREF="URL"> (deve estar no cabeçalho)
Parentesco <LINK REV="***" REL="***"
HREF="URL"> (no cabeçalho)
Informação META <META> (deve estar no
cabeçalho)
Copyright © 1995 Kevin Werbach. Distribuição não comercial permitida. Este documento não é um produto da Bare Bones Software; qualquer similaridade dos nomes é pura coincidência. Bare Bones Software, entretando, aceitou distribuir esse documento com o seu excelente editor de textos BBeditor. Você pode encontrar o BBEdit em ftp://ftp.netcom.com/pub/bb/bbsw/
Índice | LISTA DAS ETIQUETAS | Versão em texto | Página do Kevin